$(function() {
    const tellfason = document.querySelector('.tell-submit')
    const tellInput = document.querySelector('.tell-input')
    var token = localStorage.getItem("token");
    token = JSON.parse(token);

    // 默认行为

    // 获取评论的方法
    setInterval(() => {
        load()
        getAsk()
    }, 1000);

    // setInterval(() => {
    //     console.log($('.studentTitle')[0].scrollTopMax);
    //     var sm = $('.studentTitle')[0].scrollTopMax

    // }, 1000);
    // 如果有人评论使滚动条滚动到最下面
    function scrollBar() {
        // 最大滚动距离
        commentscollMax = $('.studentTitle')[0].scrollTopMax
            // 如果有人评论使滚动条滚动到最下面
        $('.studentTitle').scrollTop(commentscollMax + 1000)
            // console.log(commentscollMax);
    }

    // $('.getAsk').click(getAsk())
    // 查询函数  一般不直接调用而是给个按钮 
    function getAsk() {
        let token = localStorage.getItem("token");
        token = JSON.parse(token);
        $.ajax({
            url: 'http://127.0.0.1:3007/my/getAsk',
            type: 'POST',
            data: {
                id: token[0].id
            },
            headers: {
                Authorization: token[0].Authorization
            },
            success: function(data) {
                // 把数据库获取的放到localstorage里
                localStorage.setItem('tell', data.data[0].ask)
                    // console.log(data);
            }
        })
    }
    // 储存函数
    // [{
    //     studentTitle: '',
    // }]
    function ask(ask1) {
        let token = localStorage.getItem("token");

        token = JSON.parse(token);
        $.ajax({
            url: 'http://127.0.0.1:3007/my/teacherAsk',
            type: 'POST',
            data: {
                id: token[0].id,
                ask1: ask1
            },
            headers: {
                Authorization: token[0].Authorization
            },
            success: function(data) {
                console.log(data);
            }
        })
    }

    $('.tell-bottom').on('keydown', function(e) {
        if (e.keyCode === 13) {
            // 获取数据库的数据
            let token = localStorage.getItem("token");
            token = JSON.parse(token);

            // 获取数据
            var local = getData()
            var user = 'studentTitle'
            local.push({
                user,
                title: tellInput.value,
            });

            // 数据库储存
            ask(JSON.stringify(local))

            // 把local数组进行替换
            // 方法一 直接写
            // localStorage.setItem('comment', JSON.stringify(local))
            // 方法二 创建一个本地存储的方法
            setData(local)
            tellInput.value = null
            load()
            scrollBar()
        }
    })


    // 点击发送
    tellfason.addEventListener('click', function() {
        // 获取数据库的数据
        let token = localStorage.getItem("token");
        token = JSON.parse(token);

        // 获取数据
        var local = getData()
        var user = 'studentTitle'
        local.push({
            user,
            title: tellInput.value,
        });

        // 数据库储存
        ask(JSON.stringify(local))

        // 把local数组进行替换
        // 方法一 直接写
        // localStorage.setItem('comment', JSON.stringify(local))
        // 方法二 创建一个本地存储的方法
        setData(local)
        tellInput.value = null
        load()
        scrollBar()
    })

    // 读取本地存储的数据
    function getData() {
        var data = localStorage.getItem('tell')
        if (data !== null) {
            return JSON.parse(data)
        } else {
            return []
        }
    }
    // 本地存储数据
    function setData(data) {
        localStorage.setItem('tell', JSON.stringify(data))
    }

    // 点击发送
    // $('comment-submit').click(
    //     function() {
    //         console.log('123');
    //     }
    // )

    // 渲染加载数据
    function load() {
        var data = getData();
        // 遍历之前清空元素
        $('.studentTitle').empty()
        $.each(data, function(i, n) {
            // console.log(n);
            // console.log(n);
            // $('.studentTitle').append('<div indxe=' + i + '><span class="studentTitle-son">' + n.studentTitle + '</span></div>')
            $('.studentTitle').append('<div class="block" index=' + i + '><span class="studentTitle-son active' + i + '">' + n.title + '</span></div>')
            if (n.user === 'teacherTitle') {
                $('.active' + i + '').addClass('chat-active')
            }
        })
    }


})